import React, { useState } from 'react';
// import { Button } from '@arco-design/web-react';
// import { IconThumbUp } from '@arco-design/web-react/icon';
// import ArcoConfetti from '@arco-materials/confetti-button';
//
// const wrapperStyle = {
//   height: 300,
//   paddingBottom: 20,
//   display: 'flex',
//   alignItems: 'flex-end',
//   justifyContent: 'center',
// };
//
const PraiseButton = (): JSX.Element => {
//
//   const [awesome, setAwesome] = useState(false);
//   const [loading, setLoading] = useState(false);
//
//   return (
//     <div style={wrapperStyle}>
//       <ArcoConfetti disabled={awesome}>
//         <Button
//           type={!awesome ? 'outline' : 'primary'}
//           shape="circle"
//           size="large"
//           loading={loading}
//           icon={<IconThumbUp style={{ fontSize: 18, verticalAlign: -4 }} />}
//           onClick={() => {
//             if (!awesome) {
//               setLoading(true);
//               return new Promise((resolve) => {
//                 setTimeout(() => {
//                   setLoading(false);
//                   setAwesome(true);
//                   resolve();
//                 }, 1500);
//               });
//             }
//             setAwesome(false);
//           }}
//         />
//       </ArcoConfetti>
//     </div>
//   )
  return (
    <h1>
      TEST
    </h1>
  );
};

export default PraiseButton;

